<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components">

<h:head>
    <title>JSF 2.0 Hello World</title>
</h:head>
<h:body>
    <h3>JSF 2.0 Hello World Example - hello.xhtml</h3>
    <h:form>
        <h:panelGroup style="padding: 0.5em;" layout="block">
            <style type="text/css">
                /* To layout lists side by side if space is available */
                .subList {
                    font-size: 80% !important;
                }
            </style>
            <ace:listControl id="dualListControl" style="width:35%; margin:0 auto 0 auto;">
                <f:facet name="header">
                    Dual List Header
                </f:facet>
                <f:facet name="footer">
                    Dual List Footer
                </f:facet>

                <ace:list id="firstList" value="#{backing.GetArr}"
                          styleClass="subList"
                          dropGroup="textGroup"
                          selectionMode="multiple"
                        />

                <ace:list id="secondList" value="#{backing.GetArr}"
                          styleClass="subList"
                          dropGroup="textGroup"
                          selectionMode="multiple"
                        />
            </ace:listControl>
        </h:panelGroup>

    </h:form>
</h:body>
</html>


